@tailwind base;
@tailwind components;
@tailwind utilities;

.ltr{
  background-image: linear-gradient(12deg, rgba(0, 0, 0, 0.8500) 36.00%, rgba(0, 0, 0, 0.8465) 40.58%, rgba(0, 0, 0, 0.8361) 45.17%, rgba(0, 0, 0, 0.8187) 49.75%, rgba(0, 0, 0, 0.7944) 54.33%, rgba(0, 0, 0, 0.7632) 58.92%, rgba(0, 0, 0, 0.7250) 63.50%, rgba(0, 0, 0, 0.6868) 68.08%, rgba(0, 0, 0, 0.6556) 72.67%, rgba(0, 0, 0, 0.6313) 77.25%, rgba(0, 0, 0, 0.6139) 81.83%, rgba(0, 0, 0, 0.6035) 86.42%, rgba(0, 0, 0, 0.6000) 91.00%);
}

.default-ltr-cache-1f97ztc{
  box-sizing: border-box;
  position: absolute;
  height: 100%;
  top: 0;
  margin: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: solid .25rem transparent;
  border-top-left-radius: 50% 100%;
  border-top-right-radius: 50% 100%;
  border-bottom: none;
  background: radial-gradient(50% 500% at 50% -420%, rgba(64, 97, 231, 0.4) 80%, rgba(0, 0, 0, 0.1) 100%), black;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.default-ltr-cache-1f97ztc {
  width: 200%;
  left: -50%;
}


@media (min-width: 960px) {
  .default-ltr-cache-1f97ztc {
      width: 150%;
      left: -25%;
  }
}
@media (min-width: 600px) {
  .default-ltr-cache-1f97ztc {
      width: 180%;
      left: -40%;
  }
}


.default-ltr-cache-1f97ztc:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  margin-top: -.25rem;
  border-radius: inherit;
  background: linear-gradient(to right, rgba(33, 13, 22, 1) 16%, rgba(184, 40, 105, 1), rgba(229, 9, 20, 1), rgba(184, 40, 105, 1), rgba(33, 13, 22, 1) 84%);
}



.text-outline {  
  -webkit-text-stroke: 1px black; /* 对于支持 -webkit- 前缀的浏览器 */  
  text-stroke: 1px black;          /* 标准属性，目前支持较少 */  
  color: white;                    /* 文字填充色 */  
}  


.text-outline-fallback {  
    line-height: 1;
    display: inline-block;
    height: 1em;
    font-weight: 700;
    color: rgb(30, 30, 30);
    -webkit-text-stroke: 0.1rem rgb(255, 255, 255);
    text-shadow: 0 0 1rem rgba(0, 0, 0, 0.723);
}


.ltr2{
  background: linear-gradient(149deg, #192247 0%, #210e17 99.08%);
  border-radius: 1rem;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
}

.mya{
  color: rgb(93, 163, 255);
  padding: 0 4px;
  cursor: pointer;
  text-decoration: underline;
}

.default-ltr-cache-hljwm5 {
  border-radius: 12px;
  box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px;
  box-sizing: border-box;
  color: white;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  margin: 8px;
  min-height: 83px;
  padding: 10px 16px;
}


.plana{
  background: radial-gradient(140.76% 131.96% at 100% 100%, rgb(109, 59, 227) 0%, rgba(74, 42, 150, 0.5) 73.57%, rgba(74, 42, 150, 0) 100%), rgb(29, 82, 157);
}

.planb{
  background: radial-gradient(140.76% 131.96% at 100% 100%, rgb(176, 56, 220) 0%, rgba(74, 42, 150, 0.5) 73.57%, rgba(74, 42, 150, 0) 100%), rgb(29, 82, 157);
}

.planc{
  background: radial-gradient(140.76% 131.96% at 100% 100%, rgb(229, 9, 20) 0%, rgba(74, 42, 150, 0.5) 73.57%, rgba(74, 42, 150, 0) 100%), rgb(29, 82, 157);
}

svg.success-icon {
  transform: scale(1.375);
}


.act-sku{
  background-image: linear-gradient(to right bottom, #ffffff, #f5f6ff, #e7eeff, #d6e8ff, #c0e2ff);
}

.loader {
  border: 4px solid #f3f3f3; /* Light grey */
  border-top: 4px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 30px;
  height: 30px;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}